<template>
  <div class="Router-Index-nuxt">
    <h2>Router-Index-nuxt</h2>
    <NuxtLink to="/">
      <button>Home</button>
    </NuxtLink>
    <NuxtLink to="/05_router-nuxt/detail01">
      <button>detail01</button>
    </NuxtLink>
    <NuxtLink to="/05_router-nuxt/detail02">
      <button>detail02/index</button>
    </NuxtLink>
    <NuxtLink to="/05_router-nuxt/detail02/abc?name=tomParams">
      <button>detail02/abc</button>
    </NuxtLink>
    <NuxtLink to="/05_router-nuxt/detail03/user-1234">
      <button>detail03/user-1234</button>
    </NuxtLink>
    <NuxtLink to="/05_router-nuxt/detail04-admin">
      <button>detail04-admin</button>
    </NuxtLink>
    <NuxtLink to="/05_router-nuxt/detail04-admin/abc">
      <button>detail04-admin/abc</button>
    </NuxtLink>
    <NuxtLink to="/05_router-nuxt/detail05/abc">
      <button>detail05/abc</button>
    </NuxtLink>
    <NuxtLink to="/05_router-nuxt/parent">
      <button>parent</button>
    </NuxtLink>
    <!-- router-view -->
    <NuxtPage></NuxtPage>
  </div>
</template>

<script setup lang="ts"></script>

<style lang="less" scoped>
  .Router-Index-nuxt {
  }
</style>
